<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>				
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="../../css/base.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/info/info.css"/>
		<script src="../../js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		
		<script>
			(function(win,doc){
		//浏览器缩放时
		win.onresize=function(){
			change();	
		};
		change();
		function change(){
			var oFs=doc.documentElement.clientWidth/(320/20);	
			//设置根目录字体大小
			doc.documentElement.style.fontSize=oFs+'px';	
		}	
	        })(window,document);
		</script>
	</head>
	<body>
		<header>			
			<ul>
				<li class="fan">
					<a href="../../html/home/home.html">
					<img src="../../img/info/1-1.png"/></a>
				</li>
				<li class="click">账户信息<img class="li-img" src="../../img/info/1-2.png"/></li>
				<li></li>
			</ul>
		</header>
		
		<article>
			<ul class="header clear">
				<li>
					<div>闪注账户</div>
					<p>剩余量：<span>9500</span>条</p>
				</li>
				<li>
					<div>短信账户</div>
					<p>剩余量：<span>865</span>条</p>
				</li>
			</ul>
			
			
			
			<div class="cha">
				<div>
					<img src="../../img/info/2.1.png"/>
					<span><a href="info1.html">
						我的充值</a>
					</span>
				</div>
				<div>查看明细></div>
			</div>
			
			<ul class="bood clear">
				<li>
					<div>闪注充值量</div>
					<p><span>20000</span>条</p>
				</li>
				<li>
					<div>短信充值量</div>
					<p><span>5000</span>条</p>
				</li>
			</ul>
			
			
			
			<div class="cha top">
				<div>
					<img src="../../img/info/2.2.png"/>
					<span>
						<a href="info2.html">
						我的消费</a>
					</span>
				</div>
				<div>查看明细></div>
			</div>
			
			<ul class="bood clear">
				<li>
					<div>闪注充值量</div>
					<p><span>16825</span>条</p>
				</li>
				<li>
					<div>短信充值量</div>
					<p><span>1548</span>条</p>
				</li>
			</ul>
			
		</article>
		
		
		
		
		
		
		
		
		<div class="hite">
			<div>
				<input type="button" value="全部账户"/>
				
				<div class="ying"></div>
				<div class="yong">应用</div>
				<ul>
					<li>天天消消乐</li>
					<li>大话西游</li>
					<li>王者荣耀</li>
				</ul>
												
			</div>
		</div>
		
		<script>
		$("header ul .click").on("click",function(){
			$(".hite").stop().slideToggle(1000)
		})
		
		</script>
	</body>
</html>

